/******************************/
/*
   site: fund-store.com
version: 2016-03-26
 author: kaxiaoche
  email: kaxiaoche@163.com
*/
/******************************/
/*--slider--*/
.slider {
    position: relative;
    height: 150px;
    overflow: hidden;
}
.slider:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slider ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slider li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: url("../images/slide/loading.gif") no-repeat center center;
}
.slider li:first-child {
    z-index: 1;
}
.slider li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider li img {
    width: 100%;
    height: 100%;
}
.slider .dot {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
    text-align: right;
}
.slider .dot span {
    display: inline-block;
    width: 17px;
    height: 5px;
    margin-left: 6px;
    background-color: rgba(207,216,221,.6);
    border-radius: 5px;
}
.slider .dot .cur {
    width: 25px;
    background-color: rgba(207,216,221,1);
}
/*--news-bar--*/
.news-bar {
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    font-size: 15px;
}
.org-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    margin-right: 10px;
    height: 14px;
    line-height: 14px;
    background-color: #feac00;
    font-size: 9px;
    color: #fff;
    border-radius: 2px;
}
/*--topics--*/
.topics {
    padding-bottom: 10px;
}
.box-tit {
    position: relative;
    height: 44px;
    line-height: 24px;
    padding: 10px 15px;
}
.box-tit h2:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 24px;
    background-color: #cb1718;
}
.box-tit h2 {
    font-size: 17px;
    font-weight: normal;
}
.box-tit a {
    font-size: 14px;
}
.promotion {
    height: 100px;
    padding: 0 15px;
}
.promotion a {
    display: block;
}
.promotion img {
    width: 100%;
    height: 100%;
}
.selection .topic-banner {
    position: relative;
    margin-top: 10px;
}
.selection .topic-banner:after,
.selection .topic-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: translateY(.5);
    transform: translateY(.5);
}
.selection .topic-banner:before {
    top: 0;
}
.selection .topic-banner:after {
    bottom: 0;
}
.selection .topic-banner a {
    display: block;
}
/*--products--*/
.pro-list li {
    height: 102px;
}
.pro-list li a.arrow-right {
    display: block;
    padding: 12px 0 12px 19px;
}
.org-triangle {
    display: inline-block;
    vertical-align: middle;
    width: 95px;
    height: 30px;
    float: left;
    border-radius: 13px;
}
// position:absolute; left: 0; top: 0; width:40px; height:40px;
// .org-triangle:before { content:""; width:0; height:0; position:absolute; top: -4px; left:-18px; border-style:solid; border-color:#feac00 transparent; border-width:0 28px 28px 28px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
// .org-triangle:after { content:attr(data-tag); position:absolute; left:2px; top: 2px; width:2em; font-size:9px; color:#fff; }
.annual {
    float: left;
    width: 30%;
    margin-right: 4%;
}
.annual h4 {
    margin-bottom: 10px;
    line-height: 15px;
}
.return-percent,
.return-profit {
    font-size: 0.74rem;
    font-weight: normal;
    color: #cb1718 !important;
}
// .return-percent{color:#cb1718 ！important;}
// .market-detail a {
//     color: #cb1718 !important;
// }
.pro-summary {
    float: right;
    width: 66%;
}
.pro-name {
    font-size: 0.37rem;
    font-weight: normal;
    margin-bottom: 0.185rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100%; */
    /* margin-top: 33px; */
    line-height: 1.5;
    padding-top: 0.185rem;
    // font-weight: 600;
}
.ioc-img {
    border-radius: 2px;
    background-color: #feac00;
    color: #fff;
}
.pro-name span {
    margin: 0 0.185rem;
}
.org-type {
    display: inline-block;
    vertical-align: middle;
    // background-color: #333;
    color: #333;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 10px;
    height: 27px;
    line-height: 27px;
    border-radius: 14px;
    font-size: 0.24rem;
    text-align: left;
}
.fund-attr-list-y{
    height:1.6rem;
    box-sizing: border-box;
    padding: 0 0.5rem 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.fund-attr-y{
    padding:0.625rem 0 0 0.2rem;
    display:flex;
    border-top:1px solid #ccc;
}

.fund-attr-y span{
    color:#333;
    flex:1;
    text-align: center;
    margin-left: -0.3rem;
}
.fund-attr-y span.orange{
    color:#ff8c00;
}
.fund-attr-y i{
    width:4%;
    border-left:1px solid #ccc;
}
.fund-attr-y span em{
    height:1rem;
    width:33%;
}
.fund-attr-y .tub em{
    color:#60c54c;
}
.fund-attr .btwem {
    text-align: center;
    border-right: 1px solid #bac7cd;
}
.fund-attr span {
    font-size: 0.44rem;
    display: block;
    float: left;
    width: 33%;
    text-align: center;
}
/*--mask--*/
.mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
}
.dialog {
    position: fixed;
    z-index: 2000;
    top: 50%;
    right: 30px;
    bottom: auto;
    left: 30px;
    background-color: #fff;
    color: #57747c;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.x {
    position: absolute;
    z-index: 2010;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    background: url("../images/x@2x.png") no-repeat 0 0 / 100%;
}
.dialog h2 {
    font-size: 20px;
    margin: 25px 0;
}
.dialog .ct-info {
    padding: 0 15px;
    font-size: 14px;
    margin-bottom: 15px;
}
.dialog .agree {
    height: auto;
    margin-bottom: 18px;
    padding-left: 40px;
}
.dialog .agree .checkbox {
    float: left;
    margin-left: -25px;
}
.ft-btn {
    position: relative;
}
.ft-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background-color: #bac7cd;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.btn-light {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #feac00;
    font-size: 18px;
    text-align: center;
}
/*--topics--*/
.topic-banner img {
    width: 100%;
    height: 100%;
}
.topics-page .news-bar {
    position: relative;
    padding: 10px 15px;
    height: auto;
    line-height: 25px;
}
.topics-page .news-bar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.topics-page .pro-list li {
    height: 99px;
    padding: 15px;
}
.topics-page .fund-name {
    margin-left: 0;
    margin-right: 90px;
}
.level {
    font-size: 15px;
    margin-left: 12px;
}
.buy {
    margin-top: 10px;
    text-align: right;
}
.topics-page .min-amount {
    text-align: center;
}
.min-amount strong {
    font-weight: normal;
}
.min-amount {
    text-align: right;
    padding: 0 10px;
}
.risk {
    text-align: center;
    margin-top: -25px;
    color: #60c54c;
}
.hi-risk {
    color: #ff9d42;
}
.diff {
    background-color: #f8f9fb;
    padding: 10px 0;
    border: 1px solid #ccc;
}
.shenoce {
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    border: 1px solid #ccc;
}
.shenoce span {
    padding-left: 15px;
}
/*--market--*/
.market {
    padding-top: 44px;
}
.tab {
    position: fixed;
    z-index: 999;
    top: 42px;
    width: 100%;
    height: 44px;
    line-height: 45px;
    background-color: #cb1718;
    padding: 0 15px;
    font-size: 0;
}
.tab a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: center;
    font-size: 15px;
    color: #380002;
}
.tab .active {
    color: #fff;
}
.tab .active:after {
    content: "";
    position: absolute;
    width: 50%;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 2px;
    background-color: #fff;
}
.profit-percent {
    height: 300px;
    text-align: center;
    padding: 18px 15px;
}
.profit-percent .pro-name {
    margin-bottom: 14px;
}
.pro-name:after {
    width: 100px;
}
.gauge {
    width: 200px;
    height: 176px;
    margin: 0 auto 22px;
    padding-top: 35px;
    background-image: url("../images/circle@2x.png");
    background-size: 200px 176px;
}
.gauge .date {
    margin-left: 0;
    font-size: 15px;
    margin-bottom: 15px;
}
.gauge .return-percent {
    font-size: 50px;
    margin: 12px 0 6px;
}
.gain {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
}
.gauge p {
    font-size: 14px;
    margin-bottom: 12px;
}
.btn-org {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    background-color: #feac00;
    font-size: 18px;
    color: #fff;
    border-radius: 17px;
}
.sub-tab {
    height: 59px;
}
.col2 {
    font-size: 0;
}
.col2 li {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 59px;
    padding: 12px 0 0 10%;
    font-size: 12px;
    background-color: #f8f9fb;
    border-bottom: solid 1px #dce7ed;
    border-right: solid 1px #dce7ed;
}
.col2 li:last-child {
    border-right: none;
}
.col2 .active {
    background-color: #fff;
    border-bottom-color: #fff;
}
.sub-tab-cont {
    background-color: #fff;
}
.sub-chart {
    padding: 15px;
}
.sub-chart img {
    width: 100%;
    height: 100%;
}
.market .sec-list li {
    height: 125px;
}
.section {
    margin-top: 10px;
}
.sec-bd {
    margin: 12px 0;
}
.border-bm {
    border-bottom: 1px solid #ccc;
}
.fund-name {
    font-size: 0.44rem;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.min-num {
    font-size: 15px;
    font-weight: normal;
}
[class^="progress"] {
    position: relative;
    display: block;
    height: 9px;
    background-color: #ebeff2;
    border-radius: 9px;
}
.progress-current {
    background-image: -moz-linear-gradient( 0deg, rgb(213,226,84) 0%, rgb(246,140,2) 50%, rgb(222,45,27) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(213,226,84) 0%, rgb(246,140,2) 50%, rgb(222,45,27) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(213,226,84) 0%, rgb(246,140,2) 50%, rgb(222,45,27) 100%);
}
.sec-bd strong.dark {
    // font-size: 15px;
    font-weight: normal;
}
.sec-bd div {
    float: left;
    width: 33.3333%;
}
.sec-bd .annual {
    margin-right: 0;
}
.sec-bd .duration {
    text-align: center;
}
.sec-bd .amount {
    text-align: right;
}
.sec-bd h4 {
    margin-top: 5px;
    margin-bottom: 0;
}
.long-term,
.short-term {
    position: relative;
    margin-top: 10px;
}
.long-term:after,
.long-term:before,
.short-term:after,
.short-term:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.long-term:before,
.short-term:before {
    top: 0;
}
.long-term:after,
.short-term:after {
    bottom: 0;
}
.long-term .section,
.short-term .section {
    margin-top: 0;
}
.long-term .sec-list li,
.short-term .sec-list li {
    margin-bottom: 0;
}
.long-term .sec-list li:before,
.short-term .sec-list li:before {
    left: 15px;
    right: 15px;
}
.long-term .sec-list li:after,
.short-term .sec-list li:after {
    display: none;
}
.sold-out:after {
    content: "";
    display: block !important;
    position: absolute;
    width: 79px;
    height: 79px !important;
    left: auto !important;
    right: 60px !important;
    bottom: 5px !important;
    background: url("../images/sold-out@2x.png") no-repeat 0 0 / 79px 79px !important;
    -webkit-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
}
.sold-out .org-tag {
    background-color: #9dafb9;
}
.sold-out .return-percent {
    color: #57747c !important;
}
.sold-out .progress-current {
    background-color: #ccd5da !important;
    background-image: none;
}
/*--sold section--*/
.sold-section {
    padding: 100px 40px;
    background-color: #f8f9fb;
    position: absolute;
    top: 88px;
    right: 0;
    bottom: 49px;
    left: 0;
}
.sold-box {
    position: relative;
    background-color: #fff;
    padding: 15px;
    text-align: center;
    height: 150px;
    margin-bottom: 34px;
    border: solid 1px #dce7ed;
    border-radius: 2px;
    color: #57747c;
    font-size: 14px;
}
.sold-box:before {
    content: "";
    position: absolute;
    width: 79px;
    height: 79px;
    right: 8px;
    top: -50px;
    background: url("../images/sold-out@2x.png") no-repeat 0 0 / 100%;
}
.sold-box h3 {
    font-size: 20px;
    margin: 30px 0;
    font-weight: normal;
}
/*--market list--*/
.ico-search {
    float: right;
    width: 18px;
    height: 18px;
    margin-top: 13px;
    background: url("../images/search@2x.png") no-repeat 0 0 / 100%;
}
.tab-scroll {
    z-index: 100;
    left: 0;
    right: 0;
    top: 44px;
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    background: #cb1718;
}
// position:fixed;
.tab-scroll a {
    color: #9dafb9;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    width: 16.6667%;
    text-align: center;
}
.tab-scroll .active {
    position: relative;
    color: #fff;
}
.tab-scroll .active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
}
.tab-scroll-content {
    margin-bottom: -15px;
}
.tab-scroll-content .fix-table td,
.tab-scroll-content .fix-table th {
    width: 33.3333%;
}
.filter-by {
    height: 35px;
    line-height: 35px;
    font-size: 0;
}
.filter-by li {
    position: relative;
    display: inline-block;
    width: 20%;
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    color: #9dafb9;
}
.filter-by li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #9dafb9;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.filter-by .active:after,
.filter-by li:last-child:after {
    display: none;
}
.filter-by .active {
    background-color: #feac00;
    color: #fff;
}
.fund-code {
    font-size: 14px;
}
.ico-asc,
.ico-desc {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url('../images/jian-tou.png') no-repeat 0 0 / 36px 18px;
}
.ico-desc {
    background-position: -18px 0;
}
.list-head {
    height: 32px;
    background-color: #cfd8dd;
    box-shadow: 0 -1px 0 #bac7cd inset;
}
.list-head .li-3 li {
    font-size: 14px;
    line-height: 32px;
}
.li-3 {
    font-size: 0;
    color: #171717;
}
.li-3 li {
    display: inline-block;
    vertical-align: middle;
    width: 33.3333%;
    font-size: 15px;
    padding: 0 15px;
}
.li-3 .daily {
    font-size: 12px;
}
.list-item {
    display: block;
    height: 50px;
    padding: 10px 0;
}
.list-item:nth-child(odd) {
    background-color: #fff;
}
.list-item:nth-child(even) {
    background-color: #f8f9fb;
}
.list-item p {
    margin-bottom: 5px;
}
/*--market-detail--*/
.market-detail {
    // background-color: #fff;
    background-color: #f8f9fb;
}
.ico-back {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    background-image: url("../images/back@2x.png");
    background-size: 17px 17px;
}
.ioc-pic {
    background-image: url("../images/gaofengxian.png");
    // background-size: 20px 24px;
    width: 20px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.ioc-pic-y {
    background: url("../images/gaofengxian.png") no-repeat left center;
    background-size: 100% auto;
    width: 0.3125rem;
    height: 0.375rem;
    display: inline-block;
    vertical-align: middle;
}
.fund-summary {
    // height: 4.25rem;
    background-color: #fff;
}
.fund-summary .green {
    color: #60c54c !important;
}
.bgin-dfx {
    background-image: url("../images/difengxian.png");
    // background-size: 20px 24px;
    width: 20px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -27px;
}
.bgin-dfx-y {
    background: url("../images/difengxian.png") no-repeat left center;
    background-size: 100% auto;
    width: 0.3125rem;
    height: 0.375rem;
    display: inline-block;
    vertical-align: middle;
}
.fund-date {
    padding-left: 17px;
   /*  margin-bottom: 10px; */
    color: #666;
    font-size: 0.37rem;
    line-height: 3;
}
.col3 {
    font-size: 0;
}
.col3-y{
    height:1.4375rem;
    display:flex;
    margin:0 10px;

}
.col3-y li{
    flex:1;
    color:#333;
    text-align: center;
}
.col3-y li a{
    text-align:center;
    color:#333;
}
.col3-y li a h4{
    font-size: 0.46rem;
    font-weight:normal;
}
.col3 li {
    position: relative;
    display: inline-block;
    // height: 0.74rem;
    // vertical-align: middle;
    width: 33.3333%;
    font-size: 12px;
}
.col3 li:after {
    position: absolute;
    top: 68px;
    right: 0.14rem;
    content: "";
    width: 1px;
    height: 0.74rem;
    background-color: #bac7cd;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.col3 li:last-child:after {
    display: none;
}
.col3 li:first-child{text-align: left;}

.col3 li:nth-child(2){text-align: center;}

.col3 li:last-child{text-align: right;}


.col3 h4 {
    font-size: 0.44rem;
    color: #333;
    /* padding: .185rem 0; */
    // width: 110%;
    font-weight: normal;
    // text-align: center;
}
.fund-attr span{color:#333;}
.fund-attr {
    position: relative;
    // height: 44px;
    line-height: 26px;
    padding: 15px 0;
    // margin-top: 30px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 12px;
}
// .fund-attr:before {
//     position: absolute;
//     top: 0;
//     left: 0;
//     right: 0;
//     content: "";
//     height: 1px;
//     background-color: #bac7cd;
//     -webkit-transform: scaleY(.5);
//     transform: scaleY(.5);
// }
.fund-attr::after {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    background-color: #bac7cd;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.md-chart {
    margin-top: 56px;
}

.no-md-chart {
    margin-top: 13px;
}
.fund-attr .org-type {
    margin-bottom: 0;
    margin-right: 55px;
    width: 33%;
}
.md-bar {
    position: relative;
    padding: 0 15px;
    margin-bottom: 0;
    height: 46px;
    line-height: 46px;
}
.md-bar-y{
    margin-top:0.625rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    position:relative;
}
.md-bar-y a{
    display: flex;
    padding-left:0.3rem;
}
.md-bar-y a:after{
    content: "";
    position: absolute;
    right: 0.7rem;
    top: 50%;
    width: 0.3rem;
    height: 0.3rem;
    border-top: solid 2px #9dafb9;
    border-right: solid 2px #9dafb9;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.md-bar-y a span{
    flex:1;
    color:#333;
    font-size:0.37rem;
}
.md-bar-y a span strong{
    font-weight:normal;
}
.md-bar a {
    display: block;
    font-size: 0;
}
.md-bar .col {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    // font-size: 12px;
    font-size:.44rem;
    color:#333;
}
.md-bar strong {
    font-weight: normal;
    font-size:.44rem;
    color:#333;
}
.sec-tab {
    position: relative;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    // padding: 0 15px;
    font-size: 0;
}
.sec-tab:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    // height: 1px;
    // 不是公共的属性  有争议 图表货币禁用。
    background-color: #bac7cd;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.sec-tab a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: center;
    font-size: 17px;
    color: #9dafb9;
}
.sec-tab-3 a {
    width: 33.3333%;
}
.sec-tab .active {
    color: #171717;
}
.sec-tab .active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #cb1718;
    width: 100%;
}
.sec-tab-3 .active:after {
    left: 10px;
    right: 10px;
}
// .sec-tab-cont{background-color: #fff;}
.sec-tab.center .active:after {
    display: none;
}
.filter-tab {
    // padding: 0 30px;
    // padding: 12px 30px;
    padding: 17px;
    // margin: 10px 0;
    background-color: #fff;
}
.filter-tab ul {
    font-size: 0;
    height: 27px;
    border-radius: 14px;
}
.filter-tab li {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 36px;
    line-height: 33px;
    margin-right: -1px;
    text-align: center;
    font-size: 12px;
    // color: #9dafb9;
    border: solid 1px #9dafb9;
    background-color: #fff;
}
.filter-tab li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.filter-tab li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.filter-tab .active {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff;
}
.filter-tab .active + li {
    // border-left-color: #feac00;
}
.filter-cont {
    // padding: 0 15px;
    background-color: #fff;
}
.filter-cont ul {
    font-size: 0;
    padding: 10px 18px;
}
.filter-cont li {
    display: inline-block;
    vertical-align: middle;
    width: 33.3333%;
    font-size: 0.37rem;
    white-space: nowrap;
    padding: 10px 0;
}
.filter-cont li strong {
    font-weight: normal;
}
// .filter-cont li:first-child {
//     width: 24%;
//     text-align: left;
// }
.filter-cont li:first-child {
    width: 24%;
    text-align: left;
}
.filter-cont li:nth-child(2) {
    width: 38%;
    text-align: center;
}
.filter-cont li:last-child {
    width: 38%;
    text-align: right;
}
.fund-attr span:first-child {
    // width: 30%;
    text-align: left;
    padding: 0 10px;
    border-right: 1px solid #e6ebed;
}
.fund-attr .tub{
    color:#60c54c;
}
.fund-attr span:nth-child(2) {
    width: 35%;
    text-align: center;
    border-right: 1px solid #e6ebed;
}
.fund-attr .orange{
  color:#ff8a00;
}
.fund-attr span:last-child {
    width: 26%;
    text-align: right;
    white-space: nowrap;
}
.filter-chart {
    // padding: 15px 0;
    padding-bottom: 12px;
}
.filter-chart img {
    width: 100%;
    height: 100%;
}
.as-list li,
.intro-list li {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}
.md-intro {
    background-color: #f8f9fb;
}
.intro-list li:last-child:after {
    display: none;
}
.bolist:after {
    content: "";
    position: absolute;
    left: 9px;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.fix-table-wrap .fix-table .fix-hd {
    color: #333333;
    font-size: 0.48rem;
}
.fix-table-wrap .fix-table strong {
    font-weight: normal;
    font-size: 0.44rem;
}
.Unified {
    color: #333;
    font-size: 0.44rem;
}
.fix-table-wrap .fix-table .paevlei {
    padding: 0 10px;
}
.data-Unified {
    color: #666;
    font-size: 0.44rem;
}
.intro-list li a {
    display: block;
}
.fc-dot {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 3px;
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
}
.dot-green {
    border-color: #95c108;
}
.dot-org {
    border-color: #feac00;
}
.md-intro {
    padding-bottom: 32px;
}
.md-intro .line-bottom-list li:last-child:after {
    display: block;
}
.tit {
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
    color: #666;
    font-size: 0.44rem;
}
.cont {
    display: inline-block;
    vertical-align: middle;
    // color: #57747c;
    float: right;
    margin-right: 25px;
}
.percent {
    font-size: 14px;
}
.as-list .fund-name {
    margin: 0 80px 0 0;
}
.as-list .fund-code {
    margin-left: 10px;
}
.pie {
    padding: 15px;
    text-align: center;
}
.pie img {
    height: 109px;
}
.fund-type {
    font-size: 14px;
    font-weight: normal;
}
.time-line ul {
    margin-left: 30px;
    border-left: solid 1px #d8e3e7;
}
.time-line li {
    position: relative;
    padding: 15px 15px 15px 28px;
    height: 60px;
    font-size: 13px;
}
.time-line {
    background-color: #fff;
}
.time-line .dark{
  font-size:.44rem;
  color:#666;
}
.time-line .dividend .dark{color:#999;font-size:.37rem;}
.time-line .fr .dark{color:#999;font-size:.37rem;}

.ico-wallet {
    position: absolute;
    left: -15px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border: solid 1px #ce2526;
    border-radius: 100%;
}
.ico-wallet:after {
    content: "";
    display: block;
    margin: 6px auto;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-image: url("../images/picmond.png");
    background-size: 32px 16px;
}
.green-wallet {
    border-color: #95c108;
}
.green-wallet:after {
    background-position: -16px 0;
}
.time-line .date {
    height: 14px;
    font-size: 13px;
    margin-bottom: 10px;
    margin-left: 0;
}

.date strong {
    font-weight: normal;
}
.fix-bar {
    padding: 10px 15px;
}
.fix-sin {
    padding-top: 10px;
}
.fee-rate {
    margin-top: 3px;
}
.fee-rate .red {
    font-size: 15px;
}
.fix-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 17px;
    background-color: #feac00;
    color: #fff;
}
.sep-btn {
    font-size: 0;
    padding: 0;
}
.sep-btn a {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 17px;
}
.sep-btn .fix-btn-default {
    color: #57747c;
}
.sep-btn .fix-btn-highlight {
    background-color: #feac00;
    color: #fff;
}
/*--fund-manager--*/
// .tit-line { height:32px; line-height:32px; padding:0 15px; background-color:#cfd8dd; font-size:14px; font-weight:normal; }
.tit-line {
    line-height: 2;
    background-color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 0.51rem;
    color: #4d4d4d;
}
.tit-fixed {
    position: fixed;
    left: 0;
    top: 44px;
    right: 0;
}
.tit-sec {
    font-size: 0.48rem;
    font-weight: normal;
    margin-top: -.07rem;
}
.fm {
    padding: 15px;
}
.fm .dark {
    font-size: 0.51rem;
    color: #4c4c4c;
}
// .btr .th {
//   border-right:1px dashed #ccc;
// }
.line-table thead .btr {
    width: 100%;
}
.line-table thead .btr th,
td {
    width: 25%;
    // line-height: 3;
}
.chinad {
    font-size: 0.44rem;
}
.type {
    font-size: 0.48rem;
    color: #c5c5c5;
}
.type span {
    font-size: 0.48rem;
    color: #c5c5c5;
}
.onsize {
    font-size: 0.62rem;
}
// .fee-rate .box,
// .fund-company .box,
.fund-intro .box,
.fund-manager .box,
.invest-item {
    position: relative;
}
.fee-rate .box:after, .fee-rate .box:before,// .fund-company .box:after,
// .fund-company .box:before,
.fund-intro .box:after, .fund-intro .box:before, .fund-manager .box:after, .fund-manager .box:before, .invest-item:after,// .invest-item:before,
// .trade-info:before
,
.trade-info:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.fee-rate .box:before,
.fund-company .box:before,
.fund-intro .box:before,
.fund-manager .box:before,
.invest-item:before,
.trade-info:before {
    top: 0;
}
.fee-rate .box:after,
.fund-company .box:after,
.fund-intro .box:after,
.fund-manager .box:after,
.invest-item:after,
.trade-info:after {
    bottom: 0;
}
.fee-rate p,
.fund-company p,
.fund-intro p,
.fund-manager p,
.invest-item p {
    margin-top: 14px;
    line-height: 1.5;
}
.fee-rate p {
    margin: 20px;
}
/* .fund-rise,.history-profit { margin-top:32px; } */
.history-profit,
.history-value {
    margin-bottom: -50px;
}
.fund-rise .fix-table,
.history-profit .fix-table,
.history-value .fix-table {
    font-size: 14px;
    color: #57747c;
}
.fund-rise .fix-table th,
.history-profit .fix-table th,
.history-value .fix-table th {
    height: 27px;
    line-height: 14px;
    font-size: 12px;
    color: #9dafb9;
    background-color: #fff;
    box-shadow: 0 -1px 0 #dce7ed inset;
}
.fund-rise .fix-table td,
.history-profit .fix-table td,
.history-value .fix-table td {
    padding: 15px;
}
.history-value .fix-table th {
    text-align: center;
    padding: 0.27rem 0;
}
.history-value .fix-table td {
    text-align: center;
    padding: 0.27rem 0;
}
.load-more a {
    font-size: 17px;
}
/*--fund intro--*/
.fund-intro .line-table {
    margin-bottom: 14px;
}
.fund-intro .line-table thead {
    border-bottom-style: solid;
}
.fund-intro p {
    margin-top: 5px;
}
.fee-rate .line-table tbody tr,
.fund-intro .line-table tbody tr {
    border-bottom: solid 1px #fff;
}
.fund-intro .line-table tbody td {
    border-right: solid 1px #fff;
}
.fund-intro .line-table tbody td:last-child {
    border: none;
}
/*--fee-rate--*/
.fee-rate .line-table {
    margin: 0 0 10px;
}
.fee-rate .line-table td {
    border-left: solid 1px #ced7dc;
}
.fee-rate .line-table th {
    padding: 0 15px;
}
.fee-rate .black + .dark {
    margin-top: 4px;
}
.fee-rate .rate {
    // margin:10px 10px;
}
.fee-rate .rate th {
    // width:30%;
    background-color: #fff;
    text-align: left;
    padding-left: 15px;
    width: 20%;
    color: #666;
    font-size: 0.44rem;
}
.fee-rate .org {
    font-size: 0.37rem;
    color: #feac00;
}
.fee-rate .black {
    font-size: 0.37rem;
    color: #333;
}
.fee-rate .dark {
    font-size: 0.37rem;
    color: #666;
}
.fee-rate .rate td {
    width: 45%;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 0;
    // float:left;
    text-align: left;
    color: #666;
    font-size: 0.44rem;
}
.fee-rate .rate .tel {
    width: 45%;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 0;
    // float:left;
    text-align: left;
    color: #666;
    font-size: 0.44rem;
}
.fee-rate .rate td span {
    padding: 0 10px;
    float: right;
}
.boxs {
    background-color: #f8f9fb;
}
// padding-left:20px;
/*--fund-company--*/
.fund-company-intro .line-table {
    margin-top: 0;
}
.fund-company .top-fund {
    padding: 0 0 0 20px;
}
.top-fund li a,
.top-fund li:first-child {
    position: relative;
    display: block;
    padding: 15px 0;
}
.top-fund li:first-child:before {
    content: "";
    position: absolute;
    top: 0.185rem;
    left: 0;
    width: 0.037rem;
    height: 0.68rem;
    background-color: #cb1718;
}
.top-fund .fund-name {
    margin: 0 50px 0 15px;
}
.top-fund .fund-name span {
    font-size: 14px;
    margin-left: 8px;
}
.top-fund li:first-child span {
    font-size: 12px;
    margin-left: 4px;
}
/*--invest strategy--*/
.invest-item a {
    display: block;
}
.invest-item p {
    margin-top: 0.185rem;
    padding: 0.37rem;
    font-size: 0.37rem;
    color: #666;
}
.inve {
    padding: 0.37rem;
    font-size: 0.44rem;
    color: #333;
}
/*--search result--*/
.search-box {
    margin-right: 50px;
}
.cancel {
    float: right;
    width: 50px;
    text-align: center;
    margin-right: -50px;
    font-size: 18px;
    color: #fff;
}
.s-box {
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding: 0 10px 0 32px;
    border: none;
    border-radius: 14px;
    background: #b20f10 url('../images/search@2x.png') no-repeat 10px center / 18px 18px;
    color: #fff;
    box-shadow: 0 1px 5px #a40e0f inset;
}
.search-result {
    position: absolute;
    z-index: 100;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
}
.search-result li {
    height: 50px;
    line-height: 50px;
}
.search-result li a {
    display: block;
}
.search-result li .fund-name {
    margin-left: 15px;
    margin-right: 18px;
}
.clear-history {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    height: 18px;
    line-height: 18px;
}
.clear-history:before {
    content: "";
    float: left;
    width: 18px;
    height: 18px;
    background: url('../images/del@2x.png') no-repeat 0 0 / 100%;
    margin-right: 10px;
}
.search-result p {
    margin-top: 28px;
}
/*--fund-purchase--*/
.add-bank-card,
.back-to,
.bank-list,
.bank-sec,
.fund-confirm,
.fund-confirm .attribute,
.fund-sec,
.pay-way,
.step {
    position: relative;
}
.add-bank-card:after,
.add-bank-card:before,
.back-to p:after,
.back-to:after,
.back-to:before,
.bank-list:after,
.bank-list:before,
.bank-sec:before,
.fund-confirm .attribute:before,
.fund-confirm:after,
.fund-sec p:before,
.fund-sec:after,
.pay-way:after,
.pay-way:before,
.sep2:after,
.step:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.add-bank-card:before,
.back-to p:after,
.back-to:before,
.bank-list:before,
.fund-confirm .attribute:before,
.pay-way:before {
    top: 0;
    bottom: auto;
}
.fund-sec .tit {
    position: relative;
    display: block;
    margin: 0;
}
.bank-sec,
.fund-confirm h3,
.fund-redemption h3.tit,
.fund-sec .tit a,
.pay-way h4 {
    display: block;
    padding: 15px;
    font-size: 15px;
}
.fund-sec p {
    position: relative;
}
.bank-sec:before,
.fund-sec p:before {
    top: 0;
    bottom: auto;
    left: 15px;
    right: 15px;
}
.sep2 {
    font-size: 0 !important;
    padding: 15px;
}
.sep2 span {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 15px;
}
.sep2 span strong {
    font-weight: normal;
    margin-left: 10px;
}
.sep2:after {
    top: 12px;
    left: 50%;
    right: auto;
    bottom: 12px;
    width: 1px;
    height: 20px;
    margin-left: -10px;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.pay-way h4 {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
}
.pay-way a {
    position: relative;
    display: block;
}
.pay-way a:after {
    margin-top: -10px;
}
.bank-sec {
    font-size: 15px;
    padding-left: 54px;
}
.bank-sec .bank-info {
    font-size: 12px;
    margin-bottom: 0;
}
.bank-sec:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 10px;
    width: 27px;
    height: 27px;
    background: url('../images/selected@2x.png') no-repeat 0 0 / 100%;
}
.add-bank-card .agree,
.certificate .agree,
.fund-purchase .agree {
    padding-left: 40px;
}
.add-bank-card .agree .checkbox,
.certificate .agree .checkbox,
.fund-purchase .agree .checkbox {
    margin-left: -25px;
}
/*--choose-bank-card--*/
.choose-bank-card {
    padding: 10px 0 !important;
}
.choose-bank-card .bank-section {
    border-radius: 0;
    border-width: 0;
    margin-bottom: 10px;
}
.choose-bank-card .bank-info {
    margin-bottom: 0;
}
.new-bank-card {
    font-size: 15px;
    background-color: #fff;
    height: 45px;
}
.new-bank-card a {
    display: block;
    padding: 15px;
}
.ico-add {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    background: url('../images/add@2x.png') no-repeat 0 0 / 100%;
}
.ico-close {
    float: right;
    margin-top: 15px;
    width: 15px;
    height: 15px;
    background: url('../images/close@2x.png') no-repeat 0 0 / 100%;
}
/*--purchase-confirm--*/
.purchase-confirm h3 {
    margin: 0;
    font-size: 14px;
}
.purchase-confirm .attribute {
    font-size: 14px;
    padding: 15px 30px;
}
.purchase-confirm .attribute:before {
    left: 15px;
    right: 15px;
}
.purchase-confirm p.org,
.purchase-confirm p.right {
    font-size: 12px;
    padding: 0 15px;
}
.add-bank-card .fm-list li,
.certificate .fm-list li,
.purchase-confirm .fm-list li {
    padding-left: 145px;
}
.add-bank-card .fm-tit,
.certificate .fm-tit,
.purchase-confirm .fm-tit {
    width: 130px;
    margin-left: -130px;
}
.certificate .attribute .tit,
.purchase-confirm .attribute .tit {
    width: 40%;
}
.certificate .attribute .cont,
.purchase-confirm .attribute .cont {
    width: 60%;
}
/*--purchase-result--*/
.purchase-result,
.redemption-result {
    padding: 40px !important;
}
.result {
    text-align: center;
    margin-bottom: 23px;
}
.info-result {
    padding: 35px 15px;
    text-align: center;
}
.info-result p:first-child {
    margin-bottom: 25px;
    line-height: 1.5;
}
.ico-result {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    width: 44px;
    height: 44px;
    background-image: url('../images/result-icon@2x.png');
    background-size: 132px 44px;
}
.ico-processing {
    background-position: 0 0;
}
.ico-success {
    background-position: -44px 0;
}
.ico-failed {
    background-position: -88px 0;
}
.info-box {
    margin-bottom: 34px;
    min-height: 150px;
    background-color: #fff;
    border: solid 1px #dce7ed;
    border-radius: 2px;
    font-size: 14px;
}
.result-status {
    font-size: 20px;
    font-weight: normal;
}
.purchase-result .full-btn,
.redemption-result .full-btn {
    padding: 0;
}
.purchase-result .full-btn .btn-primary,
.redemption-result .full-btn .btn-primary {
    margin-bottom: 15px;
}
.info-box .attribute {
    padding: 15px 20px;
}
.info-box .attribute li {
    margin-bottom: 12px;
}
.info-box .attribute .tit {
    width: 35%;
}
.info-box .attribute .cont {
    width: 65%;
}
/*--certificate--*/
.step {
    background-color: #fff;
    height: 60px;
    padding: 12px 15px;
}
.step-list li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}
.certificate .agree {
    height: auto;
}
.step-name {
    display: none;
    margin-left: 16px;
    margin-top: 2px;
    font-size: 14px;
}
.active .step-name {
    display: inline-block;
}
.circle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #d4e1e9;
    color: #57747c;
    border-radius: 100%;
}
.circle:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -5px;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: #d4e1e9 transparent transparent;
}
.active .circle {
    background-color: #fcac01;
    color: #fff;
}
.active .circle:after {
    border-top-color: #fcac01;
}
.add-bank-card .tit,
.certificate .tit {
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    margin-right: 0;
    font-weight: normal;
}
.add-bank-card .full-btn,
.certificate .full-btn,
.fund-redemption .full-btn,
.purchase-confirm .full-btn {
    margin-top: 34px;
}
.bank-list li {
    position: relative;
    padding: 15px 15px 15px 70px;
}
.bank-list li:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url('../images/radio@2x.png');
    background-size: 36px 18px;
}
.bank-list li.selected:before {
    background-position: -18px 0;
}
.add-bank-card .bank-name,
.certificate .bank-name {
    font-size: 15px;
}
.add-bank-card .bank-info,
.certificate .bank-info {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
}
.add-bank-card .line-bottom-list li:after,
.certificate .line-bottom-list li:after {
    left: 0;
    right: 0;
}
.add-bank-card .bank-section,
.certificate .bank-section {
    margin-bottom: 10px;
    border-radius: 0;
    border-width: 0;
}
/*--fund-redemption--*/
.notice {
    font-size: 12px;
    padding: 0 15px;
}
.fund-redemption .back-to .tit {
    font-size: 14px;
}
.fund-redemption h3.tit {
    color: #171717;
}
.back-to p {
    padding: 15px 25px;
    position: relative;
    color: #171717;
}
.fund-sec p.grey {
    padding: 15px;
    font-size: 14px;
}
.fund-sec p.grey .tit {
    display: inline-block;
    margin-right: 20px;
}
.back-to p:after {
    left: 15px;
    right: 15px;
}
/*--asset--*/
// .my-asset { height:178px; }
.my-asset {
    // height: 5.7rem;
    // padding: 0.46rem;
    background-color: #ef2d2e;
    // background-color:#ef2d2e;
    // margin-top: -44px;
    // color: #fff;
    // text-align: justify;
    // background-position: center;
    // background-size: 100% 7.8rem;
    // background-image: url("../images/zican_01.png");
    // margin-top: -1rem;
    padding: 0 0.46rem;
}
.my-assetcolor {
    color: #fff;
}
.position-detail{
  background: #f8f9fb;
}
.times {
    float: right;
    color: #666;
    // font-weight: 600;
}
.border-zc {
    border-bottom: 1px solid #bac7cd;
    // position: relative;
}
.border-zc::after {
    // position:absolute;
    // top: 5.55rem;
    // left: .22rem;
    // top:0;
    // left: 0;
    // content: "";
    // height: 1px;
    // background-color: #bac7cd;
    // -webkit-transform: scaleY(0.5);
    // transform: scaleY(0.5);
}
.arrow-right b {
    // font-size: 0.44rem;
    font-size: 0.375rem;
    color: #333;
    font-weight: normal;
    vertical-align: bottom;

}
.ma-tit {
    margin-bottom: 0.14rem;
    font-size: 0.46rem;
    text-align: justify;
    font-weight: normal;
}
// .kong-xi {
//     width: 100%;
//     height: 15px;
//     background-color: #f8f9fb;
//     border: 1px solid #e0e2e6;
// }
.asset-tp {
    margin-top: 30px;
    // color: #333;
    color: #fff;
    // font-weight: 600;
    font-size: 0.66rem;
}
.zi-can {
    color: #fff !important;
}
.red-box a {
    color: #fff;
}
.red-boxs a {
    color: #cb1718;
}
// padding-left: 17px;
// .ma-num,.ma-ft { padding-left:17px !important; }
.total-amount {
    font-size: 0.74rem;
    font-weight: normal;
}
.ma-ft {
    position: relative;
    padding: 15px 0;
}
.ma-ft .date {
    margin-left: 0;
    margin-top: 1px;
    font-size: 0.37rem;
}
// color:#666;
.ma-links .left {
    text-align: left;
}
.ma-links .right {
    text-align: right;
}
.view-more {
    position: relative;
    padding-right: 25px;
    font-size: 0.44rem;
}
.view-more:after {
    right: 0;
    border-color: #fff;
}
.ma-links {
    position: relative;
    height: 47px;
    line-height: 47px;
    font-size: 0;
}
.ma-links:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    background-color: #bac7cd;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.ma-links a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33.3333%;
    font-size: 0.44rem;
    text-align: center;
    // padding: 9px 0;
}
.asset-zcs {
    background-color: #ef2d2e;
    color: #fff;
}
.ma-links a:after {
    content: "";
    position: absolute;
    top: 0.44rem;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #bac7cd;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.ma-links a:last-child:after {
    display: none;
}
.asset-bar {
    position: relative;
    padding: 0 15px;
    height: 60px;
    line-height: 55px;
    font-size: 0.27rem;
}
.asset-bar a {
    display: block;
}
.ico-rec {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.22rem;
  background: url("../images/wzic.png") no-repeat;/* background-size: cover; */
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height:25px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            height: 25px;
    // background-position: 46px 46px;
    // margin-top: -.148rem;
}
.date {
    font-size: 0.37rem;
    margin-left: 10px;
}
.products-recommend .pro-list li,
.products-recommend .pro-list li a {
    height: 306px;
}
.pro-data div {
    float: left;
    width: 50%;
    // margin-bottom: 10px;
    line-height: 1.5;
    background-color: #fff;
    padding: 0 0.37rem;
}
.pro-data strong {
    // font-weight: 600;
    font-weight: normal;
}
.bg-f {
    background-color: #fff;
}
.pro-data {
    background-color: #fff;
}
.new-profit .grey {
    font-size: 0.44rem;
    color: #959595;
    font-weight: normal;
}
.gains .grey {
    font-size: 0.44rem;
    color: #959595;
    font-weight: normal;
}
.value .grey {
    font-size: 0.44rem;
    color: #959595;
    font-weight: normal;
}
/*--asset-structure--*/
.structure-pie {
    font-size: 0;
    margin-bottom: 10px;
    padding: 20px 15px;
}
.structure-pie div {
    display: inline-block;
    vertical-align: middle;
}
.pie-list {
    width: 60%;
}
.pie-img {
    width: 40%;
}
.pie-list span {
    color: #333;
}
.structure-pie img {
    max-width: 100%;
    max-height: 100%;
}
.pie-list p {
    font-size: 12px;
    margin-bottom: 14px;
}
.pie-list p:last-child {
    margin-bottom: 0;
}
.pie-list p span {
    margin-right: 0.185rem;
}
.pie-list .fund-type {
    font-size: 0.37rem;
}
.fund-percent {
    font-size: 0.37rem;
}
.ring {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: solid 4px transparent;
    border-radius: 100%;
}
.ring.red {
    border-color: #de2d1b;
}
.ring.org {
    border-color: #fcac01;
}
.ring.green {
    border-color: #95c108;
}
.ring.verdancy {
    border-color: #d5e256;
}
.pie-img {
    text-align: right;
}
.asset-structure .top-fund {
    position: relative;
}
.asset-structure .top-fund li:first-child span {
    margin-left: 0;
    font-size: 14px;
}
.asset-structure .top-fund:after,
.asset-structure .top-fund:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.asset-structure .top-fund:before {
    top: 0;
}
.asset-structure .top-fund:after {
    bottom: 0;
}
/*--position-detail--*/
.monthly-profit h3,
.position-fund h3.tit {
    display: block;
    position: relative;
    margin-right: 0;
    font-size: 0.44rem;
}
.fund-profit:after,
.monthly-profit h3:after,
.position-fund h3.tit:after {
    content: "";
    position: absolute;
    left: 14px;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #bac7cd;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.position-fund h3.tit a {
    display: block;
    padding: 15px;
}
.position-fund h3.tit .fund-code {
    margin-left: 5px;
}
.position-fund .box {
    padding: 15px;
}
.view-hot:after {
    right: 0;
    border-color: #b3b3b3;
}
.view-hot {
    width: 100%;
    background-color: #fff;
    margin: 0 0 11px;
}
.view-hot p {
    width: 100%;
    top: 0;
    font-size: 0.54rem;
    font-weight: normal;
    margin-top: 44px;
    padding: 12px;
}
.dark {
    font-size: 0.37rem;
    color: #666;
    // word-break: keep-all;
    // white-space: nowrap;
    // width: 100%;
    // display: block;
}
.his-date {
    word-break: keep-all;
    white-space: nowrap;
    width: 100%;
    display: block;
}
.br-list {
    // border-bottom: 1px solid #ccc;
    // margin-left:10px;
    // content: "";
    // position: relative;
    // left: 0;
    // right: 0;
    // height: 1px;
    // background-color: #dce7ed;
    // -webkit-transform: scaleY(0.5);
    // transform: scaleY(0.5);
}
.br-last {
    border-bottom: 1px solid #ccc;
}
.br-list::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.line-table thead .br-list th,
td {
    width: 0;
}
.dark span {
    font-size: 0.44rem;
    color: #666;
}
.line-bottom-list .tit {
    color: #333;
    font-size: 0.44rem;
}
.line-bottom-list .cont {
    color: #747474;
    font-size: 0.44rem;
}
.line-bottom-list li {
    background-color: #fff;
}
.trade-total .red {
    font-size: 40px;
}
.attribute {
    padding: 15px 1px 0;
}
.attribute li {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 15px;
}
.attribute li:last-child {
    margin-bottom: 0;
}
.attribute span {
    float: left;
    width: 50%;
    margin-right: 0;
    font-size: 0.44rem;
}
.fund-profit {
    position: relative;
    margin-top: 15px;
    padding-bottom: 15px;
}
.fund-profit:after {
    background-color: #dce7ed;
}
.fund-profit strong {
    font-weight: normal;
    font-size: 0.74rem;
}
.monthly-profit {
    background-color: #fff;
}
.monthly-profit h3 {
    font-size: 0.44rem;
    color: #333;
    padding: 0 15px 10px;
}
.profit-line {
    margin-left: 53px;
    border-left: solid 2px #d4e1e9;
    padding: 17px 15px 17px 6px;
}
.profit-line li {
    margin-bottom: 25px;
}
.profit-line li:last-child {
    margin-bottom: 0;
}
.profit-line li:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.profit-line li span {
    float: left;
    width: 33.3333%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    display: block;
    font-size: 0.4rem;
}
.profit-line li span:last-child {
    text-align: right;
}
.profit-line li strong {
    font-weight: normal;
}
.profit-bar em {
    position: relative;
    display: block;
    height: 8px;
    margin-top: 6px;
    border-radius: 4px;
}
.profit-bar em:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -20px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: solid 5px #ddd;
    border-radius: 100%;
}
.red-bar {
    background-color: #cb1718;
}
.red-bar:before {
    border-color: #cb1718 !important;
}
.green-bar {
    background-color: #95c108;
}
.green-bar:before {
    border-color: #95c108 !important;
}
/*--trade-records--*/
// .trade-records li { height:78px; padding:12px 15px; }
// .trade-records li:after { left:0; right:0; }
// .lb-hd { margin-bottom: 10px; }
// .lb-hd .fund-name { margin:0; }
// .lb-hd span { margin-top:2px; }
// .lb-bd strong { font-weight:normal; }
// .pur-status { font-size:15px; margin-top:10px; }
.container {}
// .timedate{border-radius: .07rem;width: 27%;background-color: #666;padding: 0 .4rem;text-align: center;margin: 0 auto;margin-top: 1.5rem;height: .4rem;}
.timedate p {
    font-size: 0.3rem;
    line-height: 2;
    color: #fff;
}
.timedate {
    border-radius: 0.07rem;
    width: 27%;
    background-color: #666;
    padding: 0 0.4rem;
    text-align: center;
    margin: 1.5rem auto 0;
    height: 0.4rem;
    width: 2.61rem;
    height: 0.64rem;
    background-color: #ccc;
    margin-bottom: 0.44rem;
}
.container .Time {
    border-radius: 4px;
    text-align: center;
    background-color: #ccc;
    width: 30%;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
}
.container .kubo {
    border: 1px solid #cccccc;
    background-color: #fff;
    margin: 0 10px;
    overflow: hidden;
}
.container .Time-pob {
    margin-top: 60px;
    margin-bottom: 20px;
}
.container .kubo .zft {
    padding: 10px;
    line-height: 2;
}
.container .kubo .rb {
    color: #ef2d2e!important;
}
.container .kubo .yellow {
    color: #feac00 !important;
}
.container .kubo .zft p {
    font-size: 0.44rem;
}
.container .kubo .zft div {
    font-size: 0.44rem;
    color: #666;
}
.container .kubo .zft div b {
    font-size: 0.59rem;
    font-weight: normal;
    color: #666;
}
.container .kubo .zft span {
    font-size: 0.44rem;
    color: #666;
}
.container .kubo .fut {
    font-size: 0.48rem;
    padding: 40px 15px;
    color: #666;
}
.container .Time span {
    // padding: 0 10px;
    font-size: 0.37rem;
}
body {
    background-color: #f8f9fb;
    padding: 0;
    margin: 0;
}
.trade-records .title {
    color: #333;
    font-size: 0.4rem;
}
.trade-records span {
    color: #666;
    font-size: 0.37rem;
}
.ptond {
    padding: 0 20px;
}
// .details:after{ right:20; border-color:#ccc; }
.details:after {
    content: "";
    right: 0;
    border-color: #ccc;
    width: 30px;
    height: 20px;
}
.details {
    width: 92%;
    border-top: 1px solid #ccc;
    margin: 0 auto;
    padding: 12px 0;
    color: #333;
    font-size: 0.40rem;
}
.pur-status {
    border: 1px solid #ccc;
    background-color: #fff;
}
.lb-hd span {
    margin-top: 2px;
    line-height: 2;
    color: #666;
}
.lb-hd {
    padding: 0 23px;
    margin: 10px 0;
    font-size: 0.40rem;
    color: #333;
}
.trade-records {
    line-height: 2;
    margin-top: 8px;
    padding: 0 23px;
}
.kuai {
    border: 1px solid #ccc;
    background-color: #fff;
}
.boct-tl {
    border-bottom: 1px solid #ccc;
    padding: 30 0;
    margin: 0 auto;
    text-align: center;
    padding: -20px 0;
    line-height: 2;
    width: 92%;
    font-size: 0.74rem;
    color: #333;
}
/*--trade-detail--*/
.trade-amount {
    height: 108px;
    padding: 20px 15px;
}
.trade-total {
    font-size: 50px;
}
.trade-amount h2,
.trade-total strong {
    font-weight: normal;
}
.trade-amount h2 {
    margin-bottom: 6px;
}
.trade-info {
    position: relative;
}
.trade-info li {
    font-size: 14px;
    padding: 15px;
    height: 50px;
    line-height: 20px;
}
.trade-info li .tit {
    width: 35%;
    margin-right: 0;
}
/*--mine--*/
.user-section {
    padding: 46px 15px 10px 98px;
    color: #fff;
    height: 128px;
    background: url('../images/mine-bg@2x.jpg') no-repeat 0 0 / cover;
    margin-bottom: 10px;
}
.avatar {
    float: left;
    width: 68px;
    height: 68px;
    margin-left: -83px;
    border-radius: 50%;
}
.user-name {
    height: 68px;
    line-height: 68px;
    font-size: 15px;
}
.user-setting .box {
    position: relative;
}
.user-setting .box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.user-setting span[class^="ico"] {
    background-image: url('../images/mine-icon@2x.png');
    background-size: 108px 18px;
}
.ico-account {
    background-position: 0 0;
}
.ico-commision {
    background-position: -18px 0;
}
.ico-pwd {
    background-position: -36px 0;
}
.ico-msg {
    background-position: -54px 0;
}
.ico-share {
    background-position: -72px 0;
}
.ico-about {
    background-position: -90px 0;
}
.share-to {
    position: fixed;
    z-index: 2000;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 15px;
    color: #57747c;
}
.share-to h3 {
    font-size: 17px;
    font-weight: normal;
}
.social-box {
    margin-top: 15px;
}
.qr-code,
.share {
    width: 50%;
    text-align: center;
    padding: 10px 0;
}
.qr-code img {
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
}
.share {
    font-size: 0;
}
.share a {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin-bottom: 30px;
}
.share .ico-email,
.share .ico-qzone {
    margin-bottom: 0;
}
.share a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-image: url("../images/social@2x.png");
    background-size: 200px auto;
}
.ico-wechat:before {
    background-color: #95c108;
    background-position: 0 0;
}
.ico-moments:before {
    background-color: #95c108;
    background-position: -50px 0;
}
.ico-email:before {
    background-color: #feac00;
    background-position: -100px 0;
}
.ico-qzone:before {
    background-color: #feac00;
    background-position: -150px 0;
}
/*--my-account--*/
.account-section {
    height: 124px;
    padding: 20px 30px 10px;
}
.account-section p {
    margin-bottom: 10px;
}
.account-section .account-number {
    margin-bottom: 25px;
}
.bank-bind {
    position: absolute;
    top: 168px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 30px;
}
.bank-section {
    background-color: #fff;
    padding: 15px 15px 15px 70px;
    border: solid 1px #dce7ed;
    border-radius: 2px;
}
.bank-img {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: -55px;
}
.bank-number {
    font-size: 20px;
}
.bank-name {
    margin-bottom: 10px;
}
.bank-info {
    margin-bottom: 20px;
}
.bank-bind .bank-section {
    position: relative;
    padding-bottom: 44px;
}
.add-new-card {
    margin-top: 15px;
}
.add-new-card a {
    display: block;
    background-color: #fff;
    font-size: 15px;
    color: #9dafb9;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border: solid 1px #dce7ed;
    border-radius: 2px;
}
.del-card {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    text-align: right;
    border-top: solid 1px #dce7ed;
}
.del-card a {
    display: block;
    padding: 0 15px;
    font-size: 15px;
    color: #9dafb9;
}
.del-card a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url("../images/del@2x.png") no-repeat 0 0 / 100%;
}
/*--my-commision--*/
.about,
.add-bank-card,
.certificate,
.choose-bank-card,
.forgot-pwd,
.fund-purchase,
.fund-redemption,
.login,
.message,
.my-commision,
.purchase-confirm,
.purchase-result,
.redemption-result,
.register,
.update-pwd {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    overflow-y: auto;
}
.my-commision li {
    padding: 15px;
}
.my-commision li:after {
    left: 0;
    right: 0;
}
.my-commision h2 {
    margin-bottom: 8px;
    font-weight: normal;
}
.commision-amount {
    font-size: 50px;
}
.commision-info {
    margin-top: 5px;
}
/*--message--*/
.message li {
    padding: 15px;
}
.msg-tit {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.msg-time {
    font-size: 12px;
}
.message .line-bottom-list li:after {
    left: 0;
    right: 0;
}
/*--about--*/
.about {
    padding: 0;
}
.app-name {
    font-weight: normal;
    text-align: center;
    padding: 65px 15px 50px;
}
.about li:after {
    left: 0;
    right: 0;
}
.about li a {
    display: block;
    color: #57747c;
    padding: 0 22px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}
.about .box {
    position: relative;
    margin-bottom: 18px;
}
.about .box:after,
.about .box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dce7ed;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.about .box:before {
    top: 0;
}
.about .box:after {
    bottom: 0;
}
.about .arrow-right:after {
    right: 22px;
}
.arrow-right:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: solid 2px #9dafb9;
    border-right: solid 2px #9dafb9;
    -webkit-transform: rotate(45deg) translate3D(-50%,0,0);
    transform: rotate(45deg) translate3D(-50%,0,0);
}
/*--login--*/
.add-bank-card,
.certificate,
.forgot-pwd,
.fund-purchase,
.fund-redemption,
.login,
.message,
.purchase-confirm,
.register,
.update-pwd {
    padding: 0;
    font-size: 15px;
}
.login span[class^="ico"] {
    background-image: url('../images/account-icon@2x.png');
    background-size: 36px 18px;
}
.fm-list span[class^="ico"] {
    float: left;
    margin-left: -49px;
    margin-top: 3px;
    width: 18px;
    height: 18px;
}
.fm-list .ico-pwd {
    background-position: -18px 0;
}
.forgot-pwd .fm-list,
.login .fm-list,
.reg3 .fm-list,
.update-pwd .fm-list {
    margin-top: 10px;
}
.login .fm-list li {
    padding-left: 64px;
}
.certificate p,
.login p,
.update-pwd p {
    padding: 0 15px;
    margin-bottom: 20px;
}
/*--register--*/
.register .tit {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #57747c;
    font-weight: normal;
}
.agree {
    height: 15px;
    line-height: 15px;
    padding: 0 15px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #57747c;
}
.register .fm-list {
    margin-bottom: 24px;
}
.all-amount,
.vali-code {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 96px;
    height: 34px;
    line-height: 34px;
    border: solid 1px #fcac01;
    border-radius: 17px;
    text-align: center;
    font-size: 15px;
    background-color: #fff;
    color: #fcac01;
}
.vali-code.disabled {
    background-color: #d4e1e9;
    border-color: #d4e1e9;
    color: #fff;
}
.vali-code.disabled strong {
    font-weight: normal;
}
.reg2 .fm-list {
    margin-bottom: 58px;
}
.reg3 .fm-list {
    margin-bottom: 33px;
}
.all-amount {
    font-size: 15px;
    color: #feac00;
    width: auto;
    border: none;
}
/*--text-detail--*/
.text-detail {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px 15px;
    color: #57747c;
    overflow-y: auto;
}
.text-tit {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}
.text-detail p {
    line-height: 1.8;
    text-indent: 2em;
    font-size: 14px;
}
/*--media--*/
@media only screen and (max-width: 320px) {
    .dialog {
        left: 15px;
        right: 15px;
    }
    .dialog .agree {
        padding-right: 0;
    }
    .fund-date {
        padding-left: 0.625rem;
    }
    .col3 li {
        padding: 0 10px;
    }
    // .col3 .ft{
    //   text-align: center;
    // }
    .return-percent {
        font-size: 0.6875rem;
        display: inline-block;
        margin-top: 0.1875rem;
        color: #cb1718 !important;
    }
    // .red-box .col3 li strong {
    //     color: #cb1718 !important;
    // }
    .reg2 .fm-list li {
        padding-left: 80px;
    }
    .reg2 .fm-tit {
        width: 60px;
        margin-left: -65px;
    }
    .trade-info li {
        font-size: 13px;
    }
    .trade-info li .tit {
        width: 90px;
    }
    .purchase-confirm .attribute {
        padding: 15px;
    }
    .add-bank-card .fm-list li,
    .certificate .fm-list li,
    .purchase-confirm .fm-list li {
        padding-left: 115px;
    }
    .add-bank-card .fm-tit,
    .certificate .fm-tit,
    .purchase-confirm .fm-tit {
        width: 100px;
        margin-left: -100px;
        font-size: 12px;
    }
    .info-box .attribute {
        padding: 15px;
    }
}
